<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
<route lang="json5" type="home">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '首页',
  },
}
</route>
<template>
  <view class="container w-full h-full flex flex-col">
    <wd-navbar
      title="高效计算器"
      custom-style="background-color: transparent !important;"
      safeAreaInsetTop
      :bordered="false"
    ></wd-navbar>
    <ToolBar></ToolBar>
    <History></History>
    <inputController class="input-controller"></inputController>
  </view>
</template>

<script lang="ts" setup>
import ToolBar from './components/ToolBar.vue'
import History from './components/History.vue'
import InputController from './components/InputController.vue'
</script>

<style lang="scss" scoped>
.container {
  .input-controller {
    flex: 1;
    width: 100%;
  }
}
</style>
<style>
page {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #f5f5f3;
}

.default-layout {
  width: 100%;
  height: 100%;
}
</style>
